<template>
    <div>

        <el-table :data="buildingNumberList" border stripe @header-click="clickFun" style="width: 100%"
            :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
            <el-table-column label="土地增值税清算税金明细表">
                <el-table-column prop="title" label="业态" width="180">
                </el-table-column>
                <el-table-column prop="title" label="适用税率" width="180">
                    <span v-for="(item, index) in shuilvList" :key="index">{{ item }}</span>
                    <!-- <span>总计</span> -->
                </el-table-column>
                <el-table-column prop="title" label="含税收入">
                </el-table-column>
                <el-table-column prop="title" label="预缴增值税3%">
                </el-table-column>
                <el-table-column prop="yijiao" label="已缴营业税5%">
                </el-table-column>
                <el-table-column prop="shibu" label="实补增值税">
                </el-table-column>
                <el-table-column prop="cjs" label="城建税">
                </el-table-column>
                <el-table-column prop="jys" label="教育费附加">
                </el-table-column>
                <el-table-column prop="qts" label="其他">
                </el-table-column>




            </el-table-column>
        </el-table>
    </div>
</template>

<script>
import calculateApi from '@/api/calculate'

export default {
    data() {
        return {
            calculate_id: '',
            buildingNumberList: [],
            shuilvList: [],
            sumList: [],
        }

    },
    methods: {
        getCalculateBuildingNumberList() {
            calculateApi.getCalculateBuildingNumberList(this.calculate_id).then(response => {
                this.buildingNumberList = response.data.zzscsbList.qssj;
                this.shuilvList = response.data.zzscsbList.shuilvList;
            })
        },
    },
    created() {
        var query = this.$route.query;
        if (query.id) {
            this.calculate_id = query.id;
        }

        this.getCalculateBuildingNumberList();
    },
}
</script>

<style></style>